:host {
  display: block;
  height: 300px;
  border: 1px solid #e5e5e5;
  position: fixed;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.root {
  width: 100%;
  height: 100%;
  position: relative;
  .toolbar {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-1px, -100%);
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    vertical-align: middle;
    width: 100%;
    .command-btn {
      display: inline-block;
      padding: 0 7px 0 5px;
      text-align: center;
      border-right: 1px solid #e5e5e5;
      &:hover {
        background-color: #e5e5e5;
        cursor: pointer;
      }
    }
  }
  // &:hover .toolbar,
  // &:focus .toolbar {
  //   display: block;
  // }
  .textarea {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: pink;
    padding: 0 2px;
    &:focus {
      outline: none;
    }
  }
}
